<gm:page title="Google Developer Hackathon: Javascript APIs (Registration)" authenticate="true">

<div align="center">
  <div style="width:640px; border: solid 1px #03008f">
    <div style="height:114px; overflow:hidden; background: url('resources/devhackathonjsapis_header.png')"> 
    </div>
    <div style="height: 5px; background: #03008f"> </div>
    <div>
      <br/><br/>
      Interested in joining us for <a href="http://www.google.com/calendar/event?eid=MnRoYTkxb3Z2cjJiMmo0NWhzbDFkbDZuODggZGV2ZWxvcGVyLWNhbGVuZGFyQGdvb2dsZS5jb20">our hackathon on Feb. 29th</a>? Register here!
      <br/>
<div id="registerForm">
<gm:item id="Xitem" data="${app}/register" template="XitemTemplate" create="true">
<gm:handleEvent event="save" execute="saveRegister()"/>
</gm:item>
</div>
<br/><br/>
</div>
<div style="height: 20px; background: #03008f"> </div>
</div>
</div>

<script>
function saveRegister() {
document.getElementById("registerForm").innerHTML = "<br/>Thank you for registering. See you there!";
}
</script>
<gm:template id="XitemTemplate">
<table width="400">
<tbody repeat="true">
<tr><td><b>Name</b></td></tr>
<tr><td><gm:text ref="atom:title" /></td></tr>
<tr><td><b>Email</b></td></tr>
<tr><td><gm:text ref="gd:email/@address" /></td></tr>
<tr><td><b>Check the APIs you're most interested in:</b></td></tr>
<tr><td>
  <gm:checkbox ref="gmd:api_gears"/><a href="http://code.google.com/apis/gears/">Google Gears</a> <br>
  <gm:checkbox ref="gmd:api_ajax"/><a href="http://code.google.com/apis/ajaxsearch/">Google AJAX Search/Feeds</a> <br>
  <gm:checkbox ref="gmd:api_gadgets"/><a href="http://code.google.com/apis/gadgets/">Google Gadgets</a> <br>
  <gm:checkbox ref="gmd:api_maps"/><a href="http://code.google.com/apis/maps/index.html">Google Maps</a> <br>
  <gm:checkbox ref="gmd:api_calendar"/><a href="http://code.google.com/apis/gdata/client-js.html">Calendar JS API</a> <br>
  <gm:checkbox ref="gmd:api_blogger"/><a href="http://code.google.com/apis/gdata/client-js.html">Blogger JS API</a> <br>
</td></tr>
<tr><td><b>Check which sessions you'll attend:</b></td></tr>
<tr><td>
  <gm:checkbox ref="gmd:session_1"/>Session 1 (2-6) <br>
  <gm:checkbox ref="gmd:session_2"/> Session 2 (6-10) <br>
</td></tr>
<tr><td><gm:editButtons editonly="true" text="true"/></td></tr>
</tbody>
</table>
</gm:template>

</gm:page>